<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="s" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="sf" uri="http://www.springframework.org/tags/form"%>
<!DOCTYPE html>
<html lang="en"><head>
<jsp:include page="../../views/include/header.jsp" />
</head>

  <body>
<sf:form modelAttribute="registerObj" id="registerForm">
    <div class="container">

      <div class="content">

        <div class="row">

          <div class="span12">
            <div align="center">
              <img class="logo" src="img/logo_white_400.jpg">
            </div>
            <h1 id="title">Registration</h1>
            <div class="span12">
                 <div id="studentForm" style="display:none;">
                <div class="control-group">
                  <label class="control-label" for="stuName">Name</label>
                  <div class="controls">
                    <sf:input path="stuName" size="30" maxlength="250" class="required"/>
                  </div>
                </div>
                <div class="control-group">
                  <label class="control-label" for="stuSchool">School</label>
                  <div class="controls">
                  	<sf:input path="stuSchool" size="30" maxlength="250" class="required"/>
                  </div>
                </div>
                <div class="control-group">
                  <label class="control-label" for="stuMobile">Mobile</label>
                  <div class="controls">
                  	<sf:input path="stuMobile" size="30" maxlength="20" class="required digits"/>
                  </div>
                </div>

                <div class="control-group">
                  <label class="control-label" for="stuEmail">Email</label>
                  <div class="controls">
                  	<sf:input path="stuEmail" size="30" maxlength="250" class="required email"/>
                  </div>
                </div>
              </div>
              <div id="teacherForm" style="display:none">
                <div class="control-group">
                  <label class="control-label" for="school">School</label>
                  <div class="controls">
                  	<sf:input path="school" size="30" maxlength="250" class="required"/>
                  </div>
                </div>

                <div class="control-group">
                  <label class="control-label" for="name">Teacher's Name</label>
                  <div class="controls">
                  	<sf:input path="name" size="30" maxlength="250" class="required"/>
                  </div>
                </div>

                <div class="control-group">
                  <label class="control-label" for="mobile">Mobile</label>
                  <div class="controls">
                  	<sf:input path="mobile" size="30" maxlength="20" class="required digits"/>
                  </div>
                </div>

                <div class="control-group">
                  <label class="control-label" for="email">Email</label>
                  <div class="controls">
                  	<sf:input path="email" size="30" maxlength="250" class="required email"/>
                  </div>
                </div>

                <div class="control-group">
                  <label class="control-label" for="noStudent">No. of Students Attending</label>
                  <div class="controls">
                  	<sf:input path="noStudent" size="30" maxlength="20" class="required digits"/>
                  </div>
                </div>

                <div class="control-group">
                  <label class="control-label" for="noTeacher">No. of Accompanying Teachers</label>
                  <div class="controls">
                  	<sf:input path="noTeacher" size="30" maxlength="20" class="required digits"/>
                  </div>
                </div>
                
                <div class="control-group">
                    <div align="center" style="width:500px">
                      <br>
                      Teachers shall make their own transport arrangements to bring the students for the NIC Awards and Launch Ceremony 2013.
                    </div>
                  </div>
                
              </div>
              <div class="offset2 form-horizontal" >
              <!-- <form id="registerForm" class="offset2 form-horizontal" method="POST">-->
                <fieldset>
                  <!--<p style="margin-left:160px; font-size:1.5em">I am a:</p>-->
                  <div class="control-group" id="typeSelect">
                    <label class="control-label2">I am a:</label>
                    <div class="controls">
                      <label class="radio">
                      	<sf:radiobutton path="type" value="1" id="optionsRadios1"/>
                        Teacher
                      </label>
                      <label class="radio">
                      	<sf:radiobutton path="type" value="2" id="optionsRadios2"/>
                        Student coming on my own
                      </label>
                    </div>
                  </div>

                  
                  <div class="offset2" style="margin-top:40px;margin-bottom:60px">
                    <input type="submit" class="btn primary" name="_eventId_next" value="Register">
                  </div>
                </fieldset>
             <!-- </form> -->
             </div>
            </div>
          </div>
          <div>
            <img src="img/footer_logo.jpg" width="900px" style="margin-left: 10px;">
          </div>
        </div>
      </div>

    </div> <!-- /container -->
    <input type="hidden" name="_flowExecutionKey" value="${flowExecutionKey}" />
</sf:form>
</body></html>